/*720*1280-40-88-16-100-14-100-69-100-753   eff0f4  32 36*/

.clearfix{ overflow: auto; zoom:1 }

body {
	margin:0;
	background-color: #eff0f4;
	color: #ffffff;
}

.header {
	position: fixed;
	z-index: 99;
	top: 0;
	width: 100%;
	background: #66cccc;
	text-align: center;
	height: 44px;
	font-size: 16px;
}

.header .lf {
	position: absolute;
	left: 11.5px;
	top: 11.5px;
}

.header .rf {
	position: absolute;
	right: 11.5px;
	top: 11.5px;
}

.header .title {
	margin: 10px auto;
	font-size: 18px;
}


.middle {
	margin-top: 52px;
}
.middle>div {
	background: #ffffff;
	height: 50px;
	margin-top: 8px;
}

.icon {
	width: 58.5px;
	height: 100%;
	display: inline-block;
}
.icon:after {
	content: "";
	position: absolute;
	width: 2px;
	height: 30px;
	margin: 10px 0 10px 57.5px;
	background: #eff0f4;
}
.icon.phone {
	background: url(../images/iphone.png) no-repeat center;
}
.icon.locked {
	background: url(../images/locked2.png) no-repeat center;
}
.middle input {
	border: 0;
	box-sizing: border-box;;
	padding: 0 0 0 25px;
	
	height: 100%;
	vertical-align: top;
	outline: none;
}

.bottom {
	position: relative;
	background: #66cccc;
	margin-top: 16px;
}
.bottom .button {
	display: block;
	width: 100%;
	height: 50px;
	text-align: center;
	vertical-align: bottom;
	line-height: 50px; 
	font-size: 18px;
	letter-spacing: 15px;
    text-indent: 15px;
    text-decoration: none;
	color: #ffffff;
}
.bottom .forget {
	position: absolute;
	right: 10px;
	color: #66cccc;
}

